﻿<html>
<head>
<title>CSS3 Border Left Style Test </title>

<style type="text/css" id="internalStyle">
p {border-left-style: dotted; 
   }
h3 {border-left-style: dashed;}
</style>
</head>

<body>




<h1>CSS3 Border Left Style Test</h1>





<ul>
<li>
The "border-left-style" property sets the style of the left border, unless there is a border image .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border left style
of dotted.
The rule applied is "p {border-left-style: dotted;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border left style of dashed.
The rule applied is "h3 {border-left-style: dashed;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
dotted border left style.  
</p>

</body>
</html>
